<template>
  <section id="cinema">
    <City></City>
    <MovieArea></MovieArea>
    <cinema></cinema>
  </section>
</template>

<script>
  import {mapMutations} from "vuex"
  import City from "../../components/home/City";
  import cinema from "../../components/Cinema/cinema.vue"
  import MovieArea from "../../components/Cinema/MovieArea";

  export default {
    name: "Cinema",
    methods: {
      ...mapMutations([
        'pushLoadStack',
        'completeLoad',
        'showCityList'
      ]),
      requestData(url, fn) {
        this.pushLoadStack();
        this.$axios.get(url).then(fn).then(this.completeLoad);
      }
    },
    components:{
      MovieArea,
      City,
      cinema
    }
  }
</script>

<style scoped>

</style>
